<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0801-dialog" ng-init="dialog.init();"
     style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'B0801.dialog.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page" style="width:100%;">
            <div style="display:flex;padding:5px;text-align:center;">
                <div style="flex:1;padding:5px;">
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'B0801.dialog.label_1' | translate"></label>
                        <input readonly="readonly" ng-model="dialog.select_user_acc" ng-click="dialog.load_acc()"></input>
                        <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                    </div>
                    <div class="kmi-text-fields"> 
                        <label class="label" ng-bind="'B0801.dialog.label_2' | translate"></label>
                        <input readonly="readonly" ng-model="dialog.select_company_no" ng-click="dialog.load_manufacturer()"></input>
                        <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                    </div>
                </div>
                <div style="flex:1;padding:5px;margin: 1px auto;">
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'B0801.dialog.label_3' | translate"></label>
                        <input mdl-datepicker="dialog.select_date_now" ></input>
                        <!-- <input readonly="readonly"></input>
                        <div class="tip"><i class="material-icons">&#xE5CF;</i></div> -->
                    </div>
                </div>
            </div>
            <div style="display:flex;padding:0px 5px;text-align:center;">
                <div style="flex:2;padding:0px 5px">
                    <div class="kmi-text-fields">
                        <label class="label" ng-bind="'B0801.dialog.label_4' | translate"></label>
                        <input ng-model="dialog.select_description"></input>
                    </div>
                </div>
            </div>
            <div  style="display:flex;padding:5px;text-align:center;">
                <div class="kmi-list column-selector">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex: 0 0 40px;"></div>
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B0801.dialog.list_column.column_1' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'B0801.dialog.list_column.column_2' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in dialog.select_reasion">
                            <div class="kmi-list__column column-border" style="flex: 0 0 40px;">
                                <button class="mdl-button mdl-button--icon" ng-click="dialog.remove_reasion($index,item);">
                                    <img src="image/icons/delete.png"></img>
                                </button>
                            </div>
                            <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.reasion_no"></div>
                            <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.reasion_name"></div>
                        </div>
                        <div class="kmi-list__row" ng-show ="dialog.select_reasion.length <= 0 ">
                            <div class="kmi-list__column column-border" style="flex: 0 0 40px;"></div>
                            <div class="kmi-list__column column-border" style="flex: 1;"></div>
                            <div class="kmi-list__column column-border" style="flex: 1;"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div style="display:flex;padding:5px;justify-content: space-between;">
                <div>
                    <button class="mdl-button mdl-js-button mdl-button--icon mdl-button--icon_prime" ng-click="dialog.load_reasion()">
                        <img src="image/icons/add.png"></img>
                    </button>
                </div>
                <div style="flex: auto;"></div>
                <div>
                    <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="dialog.confirm()"
                     style="width:100px">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
